import './header-navs.less';
import { NavLink  } from 'react-router-dom';
export function HeaderNavs(props: {navs: {path: string, name: string}[]}) {
    return (
        <div className="nav-container">
            {
                props.navs.map(nav => {
                    return (
                        <NavLink className="nav-item" to={nav.path} key={nav.path+nav.name} activeClassName="nav-active">{nav.name}</NavLink>
                    );
                })
            }
        </div>
    );
}